@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;border:0;}
html {font-size:100px;}
body {min-width:320px;font-size:0.16rem;line-height:1.5em;font-family:'Microsoft Yahei',simsun,simhei,Arial,'Heiti SC',sans-serif;color:#323232;background:#f5f5f5;}
ul {list-style:none;}
h1 {line-height:1.5em;}
h2,h3 {font-size:16px;font-weight:normal;line-height:1.5em;}
a {display:block;text-decoration:none;color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;transition:color 0.3s ease 0s;}
img {display:block;-webkit-touch-callout:none;}
input,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-appearance:none;outline:none;}
.wrap {width:1200px;margin:0 auto;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.single-line {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.single-line a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.double-lines a {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.three-lines a {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.four-lines a {display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
/* header_begin */
.header {height:3.6rem;font-size:0;text-indent:-100%;background:url("http://www.huangpu.org.cn/images/banner_site2020.jpg") center top no-repeat;background-size:auto 3.6rem;overflow:hidden;}
/* header_end */
/* nav_begin */
.nav {background:#6c4b40;overflow:hidden;}
.nav .list {font-size:0;text-align:left;}
.nav .list-item {display:inline-block;vertical-align:middle;width:auto;margin-left:0.15rem;font-size:0.18rem;line-height:3.33em;text-align:center;color:#fff;}
.nav .list-item:first-child {margin-left:0;}
.nav .list-item a {padding:0 0.28rem;color:#fff;}
/* nav_end */
/* breadcrumb_begin */
.breadcrumb {margin-top:0.2rem;font-size:0.24rem;line-height:1.5em;color:#3367b6;}
.breadcrumb .wrap {padding:0.045rem 0 0.045rem 0.1rem;background:#f3f6fb;}
.breadcrumb a {display:inline;color:#3367b6;}
/* breadcrumb_end */
/* main_begin */
.main .wrap {background:#fff;}
/*pageNumber_begin*/
.pageNumber {clear:both;margin-top:0.79rem;margin-bottom:0.02rem;text-align:center;}
.pageNumber span,.pageNumber font,.pageNumber a {display:inline-block;font-size:18px;line-height:1.22em;color:#78564a;}
.pageNumber font,.pageNumber a {min-width:1em;margin:0 auto 0.1rem 0.06rem;}
.pageNumber font {color:#78564a;background:#ccc;}
.pageNumber a {color:#78564a;}
/*pageNumber_end*/
/* main_end */
/* links_begin */
.links {margin-top:0.45rem;}
.links .zone-desc {border-bottom:2px solid #ddcaad;font-size:0.24rem;line-height:2em;color:#6b3912;text-align:center;}
.links .list {margin-top:0.09rem;padding:0 0.17rem 0 0.41rem;}
.links .list-item {float:left;margin-top:0.18rem;font-size:0.18rem;line-height:1em;color:#513b3b;}
.links .list-item a {padding:0 0.06rem;border-right:2px solid #513b3b;color:#513b3b;}
/* links_end */
/* footer_begin */
.footer {margin-top:0.65rem;padding:0.77rem 0 1.46rem;font-size:0;text-align:center;background:#78564a;}
.footer .item {display:inline-block;vertical-align:middle;font-size:0.18rem;line-height:1.5em;text-align:left;color:#fff;}
.footer .item:nth-of-type(n+2) {margin-left:0.44rem;}
.footer .item p:nth-of-type(n+2) {margin-top:0.09rem;}
.footer .qrcode img {width:1.57rem;height:1.57rem;}
/* footer_end */
/******************* 依尺寸缩放 *******************/
@media screen and (min-width:1200px){
.nav .list-item:hover a {background:#4b3027;transition:background-color 0.3s ease 0s;}
.pageNumber a {transition:border-color 0.3s ease 0s,color 0.3s ease 0s,background-color 0.3s ease 0s;}
.pageNumber a:hover {background:#ccc;}
.links .list-item:hover a {color:#cdae7d;}
}
@media screen and (max-width:800px){
.nav .list-item {font-size:14px;}
.nav .list-item a {padding:0 0.21rem;}
}
@media screen and (min-width:769px){
.pageNumber {margin-top:0;padding-top:0.79rem;}
}
@media screen and (max-width:1199px){
.wrap {width:auto;}
html {font-size:8.33vw;}
}
@media screen and (max-width:768px){
html {font-size:13.02vw;}
.wrap {margin:0 0.1rem 20px;}
.header {height:2.3rem;background-size:auto 2.3rem;}
.nav {position:relative;height:53px;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:2em;height:100%;background:linear-gradient(to right,#6c4b40,transparent);}
.nav:after {left:auto;right:0;background:linear-gradient(to left,#6c4b40,transparent);}
.nav .wrap {margin:0 auto;}
.nav {height:40px;}
.nav .list {padding-bottom:9999px;white-space:nowrap;overflow-x:auto;}
.nav .list-item {font-size:16px;line-height:2.5em}
.breadcrumb {margin-top:10px;font-size:16px;line-height:1.5em;color:#3367b6;}
.breadcrumb .wrap {margin-bottom:0;padding:6px 0 6px 10px;}
.links .zone-desc {font-size:18px;}
.links .list {padding:0;}
.links .list-item {margin-top:15px;font-size:16px;}
.footer .item {font-size:14px;}
}
@media screen and (max-width:480px){
html {font-size:20.83vw;}
.header {height:1.44rem;background-size:auto 1.44rem;}
.footer .item:nth-of-type(n+2) {margin:0.2rem 0.2rem 0;}
}
@media screen and (max-width:319px){
html {font-size:66px;}
}